<!DOCTYPE html>
<html lang="zh_cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./css.css">
    <!-- <link rel="stylesheet" href="./libs/icon/v1/bootstrap-icons.css">
    <link rel="stylesheet" href="./libs/icon/v2/style/icon.css"> -->
</head>
<body>
    <div>
        <div class="ding">
           <div class="contain">
               <header class="header">
                <a class="navbar-brand" href="#">
                    <img src="https://www-static.chinacdn.starbucks.com.cn/prod/assets/images/logo.svg" alt="">
                </a>
                <div class="ziti">
                    <ul>
                        <li>
                           <a href="">门店</a> 
                        </li>
                        <li>
                            <a href="">我的账户</a>
                        </li>
                        <li>
                            <a href="">收藏</a>
                        </li>
                    </ul>
                </div>
                <button class="navbar-toggler" type="button" data-toggle="collapse"
                        data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                </button>
               </header>
               <div class="ding-body">
                  <div class="zhong shang">
                    <div>
                        <span>
                            <div class="wenzi">
                                <span>心情惬意，来杯咖啡吧&nbsp;☕</span>
                            </div>
                        </span>
                        <footer>
                            <a href="#" class="sign">
                                <img src="https://www.starbucks.com.cn/assets/icons/icon-account.svg" alt="">
                                <span>登录</span>
                            </a>
                            <a href="#" class="zhu">
                                <span>
                                    注册
                                </span>
                            </a>
                        </footer>
                    </div>
                  </div>
               </div>
           </div> 
        </div>
        
       
        <div class="right">
            <div class="gg">广告</div>
            <img class="da" src="https://artwork.starbucks.com.cn/banners-homepage-banner/main_61babe13-d569-476b-8bd6-e75068943318.jpg" alt="">
            <img class="xiao" src="https://artwork.starbucks.com.cn/banners-homepage-banner/main_7fc4f760-6926-4eeb-9304-06581dd9a737.jpg">
            <div class="png">
               <div class="wrapper zuida">
                   <div class="grid">
                       <a class="left-img" href="#">
                           <img  src="https://www-static.chinacdn.starbucks.com.cn/prod/images/pages/tmall-2020-06-29-zh.jpg" alt="">
                       </a>
                       <a class="left-img" href="#">
                           <img  src="https://www-static.chinacdn.starbucks.com.cn/prod/images/pages/starbucks-design-studio-web-china.jpg" alt="">
                       </a>
                       <a class="left-img" href="#">
                          <img  src="https://www-static.chinacdn.starbucks.com.cn/prod/images/pages/homepage-career-cn.jpg" alt="">
                       </a> 
                   </div> 
               </div> 
           </div>
           <div class="xinxiang">
             <div class="tupian">
               <div class="zheng">
                  <div class="text">
                    <h2>星享俱乐部</h2>
                    <p class="p">
                        开启您的星享之旅，星星越多、会员等级越高、好礼越丰富。
                        <a href="#">了解更多 ></a>
                    </p>
                    <p class="zhudeng">
                        <a class="button" href="">注册</a>
                        <a class="button" href="">登录</a>
                    </p>
                  </div>
                  <div class="image">
                    <img src="https://www-static.chinacdn.starbucks.com.cn/prod/assets/images/logo-msr-new.svg" alt="">
                  </div>
               </div>
             </div>
           </div>
           <div class="jing">
              <div class="gif">
                <h2>星巴克精选</h2>
                <p class="p">在星巴克天猫旗舰店发现更多咖啡心意</p>
                <ul class="ul">
                   <li>
                       <a href="">
                           <img src="https://www-static.chinacdn.starbucks.com.cn/prod/assets/images/homepage/tmall-card-01.png" alt="">
                            <p class="text1">
                                会员新礼包
                            </p>
                            <p class="text2">
                                星享卡新升级
                                <br>
                                更多心意好礼
                            </p>
                            <p class="liao">
                                了解更多 >
                            </p>
                        </a>
                   </li>
                   <li>
                    <a href="">
                        <img src="https://www-static.chinacdn.starbucks.com.cn/prod/assets/images/homepage/tmall-card-02.png" alt="">
                         <p class="text1">
                             会员新礼包
                         </p>
                         <p class="text2">
                             星享卡新升级
                             <br>
                             更多心意好礼
                         </p>
                         <p class="liao">
                             了解更多 >
                         </p>
                     </a>
                   </li>
                   <li>
                    <a href="">
                        <img src="https://www-static.chinacdn.starbucks.com.cn/prod/assets/images/homepage/tmall-eticket.png" alt="">
                         <p class="text1">
                             会员新礼包
                         </p>
                         <p class="text2">
                             星享卡新升级
                             <br>
                             更多心意好礼
                         </p>
                         <p class="liao">
                             了解更多 >
                         </p>
                     </a>
                   </li>
                   <li>
                    <a href="">
                        <img src="https://www-static.chinacdn.starbucks.com.cn/prod/assets/images/homepage/tmall-reserve.png" alt="">
                         <p class="text1">
                             会员新礼包
                         </p>
                         <p class="text2">
                             星享卡新升级
                             <br>
                             更多心意好礼
                         </p>
                         <p class="liao">
                             了解更多 >
                         </p>
                     </a>
                   </li>
                </ul>
              </div>
           </div>
        </div>
    </div>
    <script src="./libs/jquery/jquery.js"></script>
    <script src="./libs/bootstrap/js/bootstrap.bundle.js"></script>
    <script src="./js.js"></script>
    <script>
        
    </script>
</body>
</html>